import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import { resolve } from 'path';
import styleImport,{ VantResolve } from "vite-plugin-style-import";

// https://cn.vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    styleImport({
      resolves: [VantResolve()],
    }),
  ],
  // base: './', // 开发或生产环境服务的公共基础路径
  // publicDir: './public', // 开发或生产环境服务的公共目录
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src'), // 设置 '@' 指向 src 目录
    },
  },
  server: {
    // host: '127.0.0.1', // 指定服务器应该监听哪个 IP 地址, 默认 127.0.0.1
    // port: 3000, // 指定开发服务器端口, 默认 3000
    // https: true,
    open: false, // 设置服务启动时是否自动打开浏览器
    cors: true, // 允许跨域
    // 设置代理
    proxy: {
      '^/api/order': {
        target: 'https://mall-order.deep$tel.com.cn', // 删除 $ 后运行
        changeOrigin: true,
        secure: false,
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
      '^/api': {
        target: 'https://mall.deep$tel.com.cn', // 删除 $ 后运行
        changeOrigin: true,
        secure: false,
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
    },
  },
  // build: {
  //   outDir: 'dist', // 指定输出路径（相对于项目根目录）, 默认 dist
  //   assetsDir: 'assets', // 指定生成静态资源的存放路径（相对于 build.outDir）, 默认 assets
  //   sourcemap: false, // 构建后是否生成 source map 文件, 默认 false
  // },
  css: {
    // preprocessorOptions: {
    //   scss: {
    //     javascriptEnabled: true
    //   },
    // },
    // devSourcemap: false,
  },
})
